<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style>
        @page {
            size: 210mm 297mm;
            margin: 0;
            content: counter(page);
            width: 100%;
            height: 100%;
        }

        .table-bill {
            font-size: 10pt;

            border: 0.02cm solid black;
        }

        * {
            margin: 0;
            padding: 0;
        }

        html, body {
            /*font-size: 14pt;*/
            width: 100%;
            height: 100%;
            /*background:url(/data/App/ptoms.cfaoe.local/logo-bg.jpg);*/
        }

        .cell-bill {
            border: 1px solid black;
            height: 30px;
        }

        .title {
            width: 80px;
        }

        .qr {
            position: absolute;
            right: 20px;
            top: 5px;
            width: 91px;
            height: 91px;
        }
    </style>
</head>
<body>
<div style="width: 100%;height: 100px">
    <div style="font-size: 28px;font-weight: bold;width: 100%;text-align: center">安阳博农利有限公司</div>
    <div style="font-size: 25px;font-weight: bold;width: 100%;text-align: center">送货单</div>
</div>
<img class="qr" src="${header.barCode}"/>
<table style="width: 100%">
    <tr>
        <td class="title">客户:</td>
        <td>${header.custom!}</td>
        <td class="title">送货日期:</td>
        <td>${header.sendDate!}</td>
    </tr>
    <tr>
        <td class="title">客户电话:</td>
        <td>${header.customPhone!}</td>
        <td class="title">送货单号:</td>
        <td>${header.sendBillNo!}</td>
    </tr>
    <tr>
        <td class="title">送货地址:</td>
        <td>${header.sendAddress!}</td>
        <td class="title">业务员:</td>
        <td>${header.businessMan!}</td>
    </tr>
    <tr>
        <td class="title">交货区域:</td>
        <td>${header.deliveryArea!}</td>
        <td class="title">送货车牌:</td>
        <td>${header.sendCarNo!}</td>
    </tr>
</table>
<table style="width: 100%;margin-top: 20px" cellspacing="0" cellpadding="0" class="table-bill">
    <thead>
    <tr class="cell-bill">
        <td class="cell-bill">序号</td>
        <td class="cell-bill">订单号</td>
        <td class="cell-bill">商品名称</td>
        <td class="cell-bill">单位</td>
        <td class="cell-bill">数量</td>
        <td class="cell-bill">备注</td>
    </tr>
    </thead>
    <tbody>
    <#list list as item>
        <tr class="cell-bill">
            <td class="cell-bill">${item_index +1}</td>
            <td class="cell-bill">${item.billNo}</td>
            <td class="cell-bill">${item.goodsName}</td>
            <td class="cell-bill">${item.unit}</td>
            <td class="cell-bill">${item.number}</td>
            <td class="cell-bill">${item.remarks!}</td>
        </tr>
    </#list>
    <tr class="cell-bill">
        <td class="cell-bill" colspan="4">合计</td>
        <td class="cell-bill">${header.total}</td>
        <td class="cell-bill"></td>
    </tr>
    </tbody>
</table>
<div>
    <b>签收注意：</b><br/>
    &nbsp;&nbsp;&nbsp;1.111111<br/>
    &nbsp;&nbsp;&nbsp;2.111111<br/>
    &nbsp;&nbsp;&nbsp;3.111111<br/>
    &nbsp;&nbsp;&nbsp;4.111111<br/>
    <table style="width:730px">
        <tr>
            <td><b>客户签收：</b></td>
        </tr>
        <tr>
            <td><b>客户授权人签署：</b></td>
            <td></td>
            <td><b>访达方授权人：</b></td>
            <td></td>
        </tr>
    </table>
</div>

</body>
</html>